
<style>#hits{color:#f00;}</style>
<div class="clear"></div>
<div class="idx"><img src="__THEME__/public/statics/images/ad.jpg" width="100%" /></div>
<div class="clear"></div>
<div class="Dg">您当前位置：<a href="{:U('home:index/index')}">首页</a>  > <a href="{:U('photo:index/index')}">图片</a> > {:NavPos(classid,' > ')} > {$title}<!--面包屑导航--></div>
<div class="ipc_nr">
	<h1>{$title}</h1>
	<div class="pic_tt">
    	<span style="padding-left:5px">上传时间：</span><font>{$add_time|stdDate}</font>
        <span>分类：</span><font>{:catName(classid)}</font>
        <span>上传者：</span><font>{$author}</font>
        <span>点击数：</span><font id="hits">0</font>
        <span><a href="javascript:dr_favorite();">加入收藏</a></span>
    </div>
	<div class="tp_ct">
<!-- include CSS always before including js -->
<link type="text/css" rel="stylesheet" href="__THEME__/public/statics/skins/tn3/tn3.css"></link>
<!-- include tn3 plugin -->
<script type="text/javascript" src="__THEME__/public/statics/js/jquery.tn3lite.min.js"></script>

<!--  initialize the TN3 when the DOM is ready -->
<script type="text/javascript">
$(document).ready(function() {
//Thumbnailer.config.shaderOpacity = 1;
var tn1 = $('.mygallery').tn3({
skinDir:"__THEME__/public/statics/skins",
imageClick:"fullscreen",
image:{
maxZoom:1.5,
crop:true,
clickEvent:"dblclick",
transitions:[{
type:"blinds"
},{
type:"grid"
},{
type:"grid",
duration:980,
easing:"easeInQuad",
gridX:1,
gridY:8,
// flat, diagonal, circle, random
sort:"random",
sortReverse:false,
diagonalStart:"bl",
// fade, scale
method:"scale",
partDuration:460,
partEasing:"easeOutSine",
partDirection:"left"
}]
}
		});
	});
</script>
        <div class="mygallery">
            <div class="tn3 album">
            <ol>
			{foreach t images}
                <li>
                    <h4>{$t.title}</h4>
                    <a href="{$t.file}">
                    <img src="{$t.file}" />
                    </a>
                </li>
			{/foreach}
            </ol>
            </div>
        </div>
        <div class="clear blank10"></div>
    </div>
    <div class="fy">
   		<p style=" margin-bottom:10px;">
            <strong>关键词：</strong>
            <!--输出Tag标签，这个用法只能在当前show页面使用-->
            {cms:tag}
        </p>
        <!--上下篇文章的调用，这个用法只能在当前show页面使用-->
        <p class="f14">
            <strong>上一篇：</strong>{cms:prev_page}<br>
            <strong>下一篇：</strong>{cms:next_page}
        </p>
    </div>	
    <div class="tp_into">
       <h4>图片介绍</h4>
       {$content}
    </div>
    <!--调用评论应用-->
    {if comment_open}
    <div class="ct_pl">
    <script type="text/javascript" src="index.asp?s=comment&module_id={$module_id}&catid={$cid}&cid={$id}"></script>
    </div>
    {/if}
</div>	
<div class="clear"></div>
<script language="javascript">
// 加入收藏夹
function dr_favorite() {
	$.get("{:U('public:api/favorite?module_id='& module_id &'&id='& App.Req('id'))}", function(data){
		if (data == 1) {
			dr_tips("没有登录，不能收藏");
		} else if (data == 2) {
			dr_tips("文档不存在，无法收藏");
		} else if (data == 3) {
			dr_tips("更新收藏成功", 3, 1);
		} else if (data == 4) {
			dr_tips("收藏成功", 3, 1);
		}
	});
}
// 点击数+1
$(function(){
	$('#hits').load("{:U('public:api/hits?module_id='& module_id &'&id='& App.Req('id'))}&t="+ new Date().getTime());

});
</script>
